ul,
ol {
  >li {
    &.divided-right {
      border-right: 1px solid $transparent-black-1;
    }
  }
  &.list-type {
    padding: 0;
    margin: 7px 0 7px 20px;
    list-style-type: none;

    li {
      padding: 2px 2px 2px 0px;
      position: relative;

      &:before {
        position: absolute;
        left: -18px;
        margin-top: 3px;
        @include icon;
      }
    }

    &.arrow li:before {
      content: "\f061";
    }

    &.circle li:before {
      content: "\f10c";
    }

    &.check li:before {
      content: "\f046";
    }

    &.caret-right li:before {
      content: "\f0da";
    }
  }
}

// nestable lists

.nestable-tree {
  float: none;
  width: auto;
  max-width: none;
}
.ui-lists-page{
    .dd-item,
    .dd-dragel {
      .dd-handle {   
        padding: 10px 20px;
        margin-bottom: 5px;
        @include user-select(none);
        border:none;
        border-radius:0;
        background:#f4f4f4;
        height:40px;
        
        &:hover {
          color:#fff;
          background:linear-gradient(45deg, #49cdd0, #45e5c3);   
        }
    
        .btn {
          &.add,
          &.remove,
          &.edit {
            padding: 6px;
            font-size: $font-size-small;
            line-height: 20px;
          }
    
          &:active {
            @include box-shadow(none);
          }
        }
    
        .tree-handle {
          padding: 6px 8px;
          line-height: 22px;
          background-color: lighten($brand-info, 30%);
          border-right: 1px solid lighten($brand-info, 25%);
        }
      }
      > button{
                height: 30px;
        }
    }
}

// list groups

.list-group {
  &.no-radius {
    .list-group-item {
      @extend .br-5;
    }
  }
  &.no-border {
    .list-group-item {
      border-width: 1px 0;
    }
  }
}
